<!DOCTYPE html>
<html lang="zh" xmlns:th="https://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width">
    <link rel="stylesheet" href="../static/layui/css/layui.css">
    <title></title>
</head>
<body>
<div th:fragment="head">
  <div class="layui-logo layui-hide-xs layui-bg-black">超市进销存管理系统</div>
  <ul class="layui-nav layui-layout-right">
    <li class="layui-nav-item layui-hide layui-show-md-inline-block">
      <a href="javascript:">
        <img src="../static/image/3.jpg" class="layui-nav-img">
        <span th:text="${session.user.username}"></span>
      </a>
      <dl class="layui-nav-child">
        <dd><a href="javascript:">个人资料</a></dd>
        <dd><a href="javascript:">设置</a></dd>
        <dd><a href="javascript:">退出</a></dd>
      </dl>
    </li>
    <li class="layui-nav-item" lay-header-event="menuRight" lay-unselect>
        <a href="javascript:">
            <i class="layui-icon layui-icon-more-vertical"></i>
        </a>
    </li>
  </ul>
  <script src="../static/layui/layui.js"></script>
  <script>
      layui.use(['element', 'layer', 'util'], function() {
          var element = layui.element,
              layer = layui.layer,
              util = layui.util,
              $ = layui.$;

          // 头部事件
          util.event('lay-header-event', {
              // 左侧菜单事件
              menuLeft: function (othis) {
                  layer.msg('展开左侧菜单的操作', {icon: 0});
              }
              // 右侧菜单事件
              , menuRight: function () {
                  layer.open({
                      type: 1,
                      content: '<div style="padding: 15px;">小彩蛋</div>',
                      area: ['260px', '100%'],
                      offset: 'rt',  // 右上角
                      anim: 5,
                      shadeClose: true
                  });
              }
          });
      });
  </script>
</div>
</body>
</html>